<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<ul id="ul">
			<li class="li1">电影
				<ul>
					<li class="li2">国漫</li>
					<li class="li2">日漫</li>
					<li class="li2">韩漫</li>
				</ul>
			</li>
			<li>动漫
				<ul>
					<li>国漫</li>
					<li>日漫</li>
					<li>韩漫</li>
				</ul>
			</li>
			<li>剧集
				<ul>
					<li>国漫</li>
					<li>日漫</li>
					<li>韩漫</li>
				</ul>
			</li>
		</ul>
		
		<h1>哈哈哈哈</h1>
		<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magni maxime nam rerum labore repellat ipsum numquam a assumenda inventore esse exercitationem natus nesciunt voluptas enim ex necessitatibus ut velit fuga.</span>
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Totam atque praesentium dolores quam sequi perspiciatis ipsa beatae officiis quia culpa autem suscipit explicabo tempora quasi tempore. Officia provident odio praesentium.</p>
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Totam atque praesentium dolores quam sequi perspiciatis ipsa beatae officiis quia culpa autem suscipit explicabo tempora quasi tempore. Officia provident odio praesentium.</p>
	
		
		<script type="text/javascript">
			var lis=document.querySelectorAll(".li1");
			
			var p=document.querySelector("p:nth-of-type(1)");
			console.log(lis);
			console.log(p);
		</script>
	</body>
</html>
